<!-- Add the class 'table' -->
<table class="table" cellspacing="0" width="100%">

    <thead>
        <tr>
            <th scope="col">Descrição</th>
            <th scope="col">Data de Inicio</th>
            <th scope="col">Data Final</th>
            <th scope="col">Situação</th>
            <th scope="col" class="table-actions">Ações</th>
        </tr>
    </thead>

    <tbody>

    {foreach $enquetes as $enquete}
        <tr>
            <td>{$enquete->getDescricao()}</td>
            <td>{$enquete->getInicio()}</td>
            <td>{$enquete->getFim()}</td>
            <td>{$enquete->getStatus()->getDescricao()}</td>

            <!-- The class table-actions is designed for action icons -->
            <td class="table-actions">
                <a href="EnqueteAction.editar!enqueteID-{$enquete->getEnqueteID()}" title="Editar" class="with-tip"><img alt="edit" src="include/images/icons/fugue/pencil.png" width="16" height="16"/></a>
                <a href="RespostaAction.cadastro!enqueteID-{$enquete->getEnqueteID()}" title="Cadastrar Resposta" class="with-tip"><img alt="add" src="include/images/icons/fugue/plus-circle.png" width="16" height="16"/></a>
                <a href="RespostaAction.listar!enqueteID-{$enquete->getEnqueteID()}" title="Listar Respostas" class="with-tip"><img alt="list" src="include/images/icons/fugue/document-text.png" width="16" height="16"/></a>
                <a href="javascript:void(0);" onclick="abrirModalConfirmacao('EnqueteAction.excluir!enqueteID-{$enquete->getEnqueteID()}');" title="Deletar" class="with-tip"><img alt="del" src="include/images/icons/fugue/cross-circle.png" width="16" height="16"/></a>
            </td>
        </tr>

        {/foreach}

    </tbody>

</table>

{include file="view/include/paginacao.tpl"}